<template>
  <div id="wapper">
    <van-nav-bar fixed placeholder left-text="返回" @click-left="onClickLeft">
      <template #title>
        <span>欢迎用户：</span>
        <span class="title_user">{{ userData.bizUserName }}</span>
      </template>
    </van-nav-bar>
    <van-notice-bar :text="noticeContent" left-icon="volume-o" />
    <GridMenu :menuItem="menuItemList"></GridMenu>
  </div>
</template>

<script>
import {mapGetters} from "vuex";
import GridMenu from "@/components/main/gridMenu";
export default {
  name: "pickScan",
  components: {GridMenu},
  computed: {
    ...mapGetters("user", ["userData"])
  },
  created() {},
  mounted() {},
  data() {
    return {
      noticeContent: "通知信息：当前版本号1.4",
      menuItemList: {
        num: "1",
        iconSize: 3,
        children: [
          {
            icon: "friends",
            text: "整箱上架",
            uri: "/b2bBoxPutaway",
            style: "font-size:160px;"
          },
          {
            icon: "friends",
            text: "按件上架",
            uri: "/b2bItemPutaway",
            style: "font-size:160px;"
          },
          {
            icon: "friends",
            text: "按单查询",
            uri: "/b2bItemQuery",
            style: "font-size:160px;"
          }
        ]
      }
    };
  },
  methods: {
    onClickLeft() {
      this.$router.push({
        name: "homeIndex"
      });
    }
  }
};
</script>

<style lang="less">
.title_user {
  font-size: 18px !important;
  color: red !important;
}
.wapper_card {
  margin-top: 15px;
}
</style>
